@charset "utf-8";
:root {
    --bs-shop-red: rgba(183, 44, 41, 1);
}

.text-bg-red {
    color: #fff !important;
    background-color: RGBA(183, 44, 41, var(--bs-bg-opacity, 1)) !important;
}

.bg-red {
    background-color: var( --bs-shop-red) !important;
}

.text-red {
    color: var( --bs-shop-red) !important;
}

.border-red {
    border-color: var( --bs-shop-red) !important;
}

.btn-red {
    --bs-btn-color: #fff;
    --bs-btn-bg: var( --bs-shop-red);
    --bs-btn-border-color: var( --bs-shop-red);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var( --bs-shop-red);
    --bs-btn-hover-border-color: var( --bs-shop-red);
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var( --bs-shop-red);
    --bs-btn-active-border-color: var( --bs-shop-red);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var( --bs-shop-red);
    --bs-btn-disabled-border-color: var( --bs-shop-red);
}


/* 后台管理页面开始 */

body {
    background-color: #eee;
}

.bi {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    fill: currentColor;
}

.bi.logout {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    fill: currentColor;
}

#sidebarMenu .nav-link {
    color: #000;
}

#sidebarMenu .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-shop-red);
}


/* 后台管理页面结束 */